<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <parameter-encoding default-charset="UTF-8"/>
    <ui:composition template="template/layout.xhtml">
        <ui:define name="title">Projet 1 : Creer un compte</ui:define>
        <ui:define name="navigation">
            <ul>
                <ui:repeat var="cat" value="#{produitManagedBean.liste}" varStatus="status">
                    <li>
                        <h:outputLink value="categorie.xhtml?id=#{cat.id}">#{cat.nom}</h:outputLink>
                        <ul>
                            <ui:repeat var="souscat" value="#{cat.sousCategories}" varStatus="status2">
                                <li><h:outputLink value="souscategorie.xhtml?id=#{souscat.id}">#{souscat.nom}</h:outputLink></li>
                            </ui:repeat>
                        </ul>
                    </li>
                </ui:repeat>
            </ul>            
        </ui:define>

        <ui:define name="content">
            <h:form id="CreerCompteForm">
            <h2>CREER UN COMPTE</h2>
            
            <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"> 
                <h:outputText value="Civilité : "/> 
                
                
                <p:selectOneRadio id="options" value="#{mbCompte.compte.civilite}">  
                    <f:selectItem itemLabel="Mr"  itemValue="Mr"  />  
                    <f:selectItem itemLabel="Mme" itemValue="Mme" />  
                    <f:selectItem itemLabel="Mlle" itemValue="Mlle" />  
                </p:selectOneRadio> 
                
                <h:outputLabel value="Nom : "/>
                <p:inputText value="#{mbCompte.compte.nom}"/>
                
                <h:outputLabel value="Prénom : "/>
                <p:inputText value="#{mbCompte.compte.prenom}"/>
                
                <h:outputLabel value="Adresse : "/>
                <p:inputText value="#{mbCompte.compte.adresse}"/>
                
                <h:outputLabel value="Code postal : "/>
                <p:inputMask value="#{mbCompte.compte.codePostal}" mask="99999"/>
                
                <h:outputLabel value="Ville : "/>
                <p:inputText value="#{mbCompte.compte.ville}"/>
                
                <h:outputLabel value="Tel fixe : "/>
                <p:inputMask value="#{mbCompte.compte.telFixe}" mask="99-99-99-99-99"/>
                
                <h:outputLabel value="Tel mobile : "/>
                <p:inputMask value="#{mbCompte.compte.telMobile}" mask="99-99-99-99-99"/>
                
                <h:outputLabel value="Email : "/>
                <p:inputText value="#{mbCompte.compte.email}"/>
                
                <h:outputLabel value="Mot de passe : "/>
                <p:password value="#{mbCompte.compte.pass}"  />
                
                          
                <p:commandButton id="submitButton" value="Valider" update="messageCreerCompte" action="#{mbCompte.creerCompte()}"/>
                <h:outputLabel id ="messageCreerCompte" value="#{mbCompte.resultatCreerCompte}"  />              
            
            </h:panelGrid>            
        </h:form>
        </ui:define>
    </ui:composition>
</html>
